import { createApp } from "vue"
import App from "./App.vue"
import router from "./router"
import { createPinia } from "pinia"
// VxeTable
import VxeTable from "vxe-table"
import "vxe-table/lib/style.css"
import VxeUI from "vxe-pc-ui"
import "vxe-pc-ui/lib/style.css"
// 全局样式
import "@/styles/main.scss"
import "virtual:svg-icons-register"
import "./router/permission"
// 全局方法
import antdesign from "@/antdesign/index"
// 组件库
import Antd from "ant-design-vue"
import "ant-design-vue/dist/reset.css"

// WebSocket
import WebSocketPlugin from "@/plugins/webSocket/index"
// 内容框架
import Content from "@/layouts/content/index.vue"
import SearchContent from "@/components/search/index.vue"
import SearchItem from "@/components/search/item.vue"
import SearchButton from "@/components/search/button.vue"
// lang
import { i18n } from "./language"
import { store } from "@/stores/index"
// 创建实例
const app = createApp(App)
// app.config.globalProperties.$eventBus = eventBus;
app
  .use(router)
  .use(store)
  .use(Antd)
  .use(VxeUI)
  .use(VxeTable)
  .use(i18n)
  .use(antdesign)
  .use(WebSocketPlugin)
  .component("a-content", Content)
  .component("a-search", SearchContent)
  .component("a-search-item", SearchItem)
  .component("a-search-button", SearchButton)
  .mount("#app")
